<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2020/9/23
  Time: 9:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <title>Home</title>


    <style>
        .red{
            color:red;
        }
    </style>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css" media="all"/>

    <!--=== Favicon ===-->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/assets/img/favicon.ico" type="image/x-icon" />

    <!-- Google fonts include -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900%7CYesteryear" rel="stylesheet">

    <!-- All Vendor & plugins CSS include -->
    <link href="${pageContext.request.contextPath}/static/assets/css/vendor.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="${pageContext.request.contextPath}/static/assets/css/style.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <!--<script src="/oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->
    <!--<script src="/oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->

    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>


</head>

<body>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
<!-- Start Header Area -->
<header class="header-area">
    <!-- main header start -->
    <div class="main-header d-none d-lg-block">
        <!-- header top start -->
        <div class="header-top bdr-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="welcome-message">
                        </div>
                    </div>
                    <div class="col-lg-6 text-right">
                        <div class="header-top-settings">
                            <ul class="nav align-items-center justify-content-end">
                                <li class="language">
                                    <span>欢迎来到花海花卉店</span>

                                </li>
                                <li class="curreny-wrap">
                                    <span>${empty user ? '游客': user.uname}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- header middle area start -->
        <div class="header-main-area sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- start logo area -->
                    <div class="col-lg-3">
                        <div class="logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/static/assets/img/logo/logo.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- start logo area -->

                    <!-- main menu area start -->
                    <div class="col-lg-6 position-static">
                        <div class="main-menu-area">
                            <div class="main-menu">
                                <!-- main menu navbar start -->
                                <nav class="desktop-menu">
                                    <ul>
                                        <li><a href="${pageContext.request.contextPath}/flower/indexInit">主页</a></li>
                                        <li><a href="${pageContext.request.contextPath}/flower/shopInit">花海</a></li>
                                        <li><a href="${pageContext.request.contextPath}/flower/productInit">花卉信息</a></li>
                                    </ul>
                                </nav>
                                <!-- main menu navbar end -->
                            </div>
                        </div>
                    </div>
                    <!-- main menu area end -->

                    <!-- mini cart area start -->
                    <div class="col-lg-3">
                        <div class="header-configure-wrapper">
                            <div class="header-configure-area">
                                <ul class="nav justify-content-end">
                                    <li>
                                        <a href="#" class="offcanvas-btn">
                                            <i class="lnr lnr-magnifier"></i>
                                        </a>
                                    </li>
                                    <li class="user-hover">
                                        <a href="#">
                                            <i class="lnr lnr-user"></i>
                                        </a>
                                        <ul class="dropdown-list">
                                            <li><a href="${pageContext.request.contextPath}/user/userLoginInit">登录/切换账号</a></li>
                                            <li><a href="${pageContext.request.contextPath}/user/userRegisterInit/">注册</a></li>
                                            <li><a href="#">个人信息</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="${pageContext.request.contextPath}/flower/wishListInit">
                                            <i class="lnr lnr-heart" onclick="wishchange() " id="wish" ></i>

                                            <div class="stage">
                                                <div class="heart"></div>
                                            </div>

                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" class="minicart-btn" onclick="cartInit()">
                                            <i class="lnr lnr-cart"></i>
                                            <div class="notification">${caList.size()}</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- mini cart area end -->

                </div>
            </div>
        </div>
        <!-- header middle area end -->
    </div>
    <!-- main header start -->

    <!-- mobile header start -->
    <div class="mobile-header d-lg-none d-md-block sticky">
        <!--mobile header top start -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="mobile-main-header">
                        <div class="mobile-logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/static/assets/img/logo/logo.png" alt="Brand Logo">
                            </a>
                        </div>
                        <div class="mobile-menu-toggler">
                            <div class="mini-cart-wrap">
                                <a href="#">
                                    <i class="lnr lnr-cart"></i>
                                </a>
                            </div>
                            <div class="mobile-menu-btn">
                                <div class="off-canvas-btn">
                                    <i class="lnr lnr-menu"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile header top start -->
    </div>
    <!-- mobile header end -->
</header>
<!-- end Header Area -->

<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
    <div class="off-canvas-overlay"></div>
    <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas">
            <i class="lnr lnr-cross"></i>
        </div>

        <div class="off-canvas-inner">
            <!-- search box start -->
            <div class="search-box-offcanvas">
                <form>
                    <input type="text" placeholder="Search Here...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
            <!-- search box end -->

            <!-- mobile menu start -->
            <div class="mobile-navigation">

                <!-- mobile menu navigation start -->
                <nav>
                    <ul class="mobile-menu">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="shop.html">花海</a></li>
                        <li><a href="product-details.html">Product Details</a></li>
                    </ul>
                </nav>
                <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->

            <div class="mobile-settings">
                <ul class="nav">
                    <li>
                        <div class="dropdown mobile-top-dropdown">
                            <a href="#" class="dropdown-toggle" id="currency" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Currency
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="currency">
                                <a class="dropdown-item" href="#">$ USD</a>
                                <a class="dropdown-item" href="#">$ EURO</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dropdown mobile-top-dropdown">
                            <a href="#" class="dropdown-toggle" id="myaccount" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                My Account
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="myaccount">
                                <a class="dropdown-item" href="#">my account</a>
                                <a class="dropdown-item" href="#"> login</a>
                                <a class="dropdown-item" href="#">register</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- offcanvas widget area start -->
            <div class="offcanvas-widget-area">
                <div class="off-canvas-contact-widget">
                    <ul>
                        <li><i class="fa fa-mobile"></i>
                            <a href="#">0123456789</a>
                        </li>
                        <li><i class="fa fa-envelope-o"></i>
                            <a href="#">info@yourdomain.com</a>
                        </li>
                    </ul>
                </div>
                <div class="off-canvas-social-widget">
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-pinterest-p"></i></a>
                    <a href="#"><i class="fa fa-linkedin"></i></a>
                    <a href="#"><i class="fa fa-youtube-play"></i></a>
                </div>
            </div>
            <!-- offcanvas widget area end -->
        </div>
    </div>
</aside>
<!-- off-canvas menu end -->



<!-- main wrapper start -->
<main>
    <!-- slider area start -->
    <section class="slider-area">
        <div class="hero-slider-active slick-arrow-style slick-arrow-style_hero slick-dot-style">
            <!-- single slider item start -->
            <div class="hero-single-slide ">
                <div class="hero-slider-item bg-img" data-bg="${pageContext.request.contextPath}/static/assets/img/slider/home1-slide1.jpg">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hero-slider-content slide-1">
                                    <span>valentine gift</span>
                                    <h1>Fresh Your Mind</h1>
                                    <h2>& Feeling love</h2>
                                    <a href="${pageContext.request.contextPath}/flower/shopInit" class="btn-hero">浏览花卉</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- single slider item end -->
            <!-- single slider item start -->
            <div class="hero-single-slide">
                <div class="hero-slider-item bg-img" data-bg="${pageContext.request.contextPath}/static/assets/img/slider/home1-slide2.jpg">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hero-slider-content slide-2">
                                    <span>valentine gift</span>
                                    <h1>Fresh Your Mind</h1>
                                    <h2>& Feeling love</h2>
                                    <a href="${pageContext.request.contextPath}/flower/shopInit" class="btn-hero">浏览花卉</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- single slider item start -->
        </div>
    </section>
    <!-- slider area end -->

    <!-- banner statistics start -->
    <section class="banner-statistics section-space">
        <div class="container">
            <div class="row mbn-30">
                <!-- start store item -->
                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/static/assets/img/banner/img1-top-floda1.jpg" alt="">
                            </a>
                            <figcaption class="banner-content">
                                <h2 class="text2">${fList.get(0).fname}</h2>
                                <a class="store-link" href="javascript:void(0)"  onclick="toFlowerInfo(${fList.get(0).id})">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->

                <!-- start store item -->
               <c:forEach items="${fList}" var="f">

                   <%--首页展示--%>

               </c:forEach>

                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/static/assets/img/banner/img1-top-floda2.jpg" alt="">
                            </a>
                            <figcaption class="banner-content text-center">

                                <h2 class="text2">${fList.get(1).fname}</h2>
                                <a class="store-link" href="javascript:void(0)" onclick="toFlowerInfo(${fList.get(1).id})">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->

                <!-- start store item -->
                <div class="col-md-4">
                    <div class="banner-item mb-30">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/static/assets/img/banner/img1-top-floda3.jpg" alt="">
                            </a>
                            <figcaption class="banner-content">

                                <h2 class="text2">${fList.get(2).fname}</h2>
                                <a class="store-link"href="javascript:void(0)"  onclick="toFlowerInfo(${fList.get(2).id})">立即购买</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start store item -->
            </div>
        </div>
    </section>
    <!-- banner statistics end -->

    <!-- service policy start -->
    <section class="service-policy-area section-space p-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/static/assets/img/icon/free_shipping.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>free shipping</h5>
                            <p>Free shipping all order</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/static/assets/img/icon/support247.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>SUPPORT 24/7</h5>
                            <p>Support 24 hours a day</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/static/assets/img/icon/money_back.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>Money Return</h5>
                            <p>30 days for free return</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <!-- start policy single item -->
                    <div class="service-policy-item">
                        <div class="icons">
                            <img src="${pageContext.request.contextPath}/static/assets/img/icon/promotions.png" alt="">
                        </div>
                        <div class="policy-terms">
                            <h5>ORDER DISCOUNT</h5>
                            <p>On every order over $15</p>
                        </div>
                    </div>
                    <!-- end policy single item -->
                </div>
            </div>
        </div>
    </section>
    <!-- service policy end -->

    <!-- our product area start -->
    <section class="our-product section-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2>最新</h2>
                        <p>欢迎了解我们的最新花卉</p>
                    </div>
                </div>
            </div>
            <div class="row mtn-40">
                <!-- product single item start -->

                <c:forEach items="${newfList}" var="new">

                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="product-item mt-40">
                            <figure class="product-thumb">
                                <a href="product-details.html">
                                    <img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-1.jpg" alt="product">
                                    <img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg" alt="product">
                                </a>
                                <div class="product-badge">
                                    <div class="product-label new">
                                        <span>new</span>
                                    </div>
                                    <div class="product-label discount">
                                        <span>${new.discount}</span>
                                    </div>


                                </div>
                                <div class="button-group">
                                    <a href="javascript:void(0)" data-toggle="tooltip" data-placement="left" title=添加到心愿单"  onclick="addWish(${new.id})"><i class="lnr lnr-heart"></i></a>
                                    <a href="javascript:void(0)"  ><span data-toggle="tooltip" data-placement="left" title="添加到购物车" onclick="addCart(${new.id})"><i class="lnr lnr-cart"></i></span></a>
                                    <a href="javascript:void(0)" data-toggle="tooltip" data-placement="left" title="查看详细信息" onclick="toFlowerInfo(${new.id})"><i class="lnr lnr-magnifier"></i></a>
                                </div>
                            </figure>
                            <div class="product-caption">
                                <p class="product-name">
                                    <a href="product-details.html">${new.fname}</a>
                                </p>
                                <div class="price-box">

                                    <span class="price-old">￥${new.fprice}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </c:forEach>

                <!-- product single item end -->

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Jasmine flowers white</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$60.00</span>--%>
                                <%--<span class="price-old"><del>$70.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Blossom bouquet flower</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$50.00</span>--%>
                                <%--<span class="price-old"><del>$80.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                                <%--<div class="product-label discount">--%>
                                    <%--<span>15%</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Hyacinth white stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$30.00</span>--%>
                                <%--<span class="price-old"><del>$55.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-10.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                                <%--<div class="product-label discount">--%>
                                    <%--<span>30%</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Orchid flower red stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$80.00</span>--%>
                                <%--<span class="price-old"><del>$90.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-11.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                                <%--<div class="product-label discount">--%>
                                    <%--<span>12%</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Flowers daisy pink stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$40.00</span>--%>
                                <%--<span class="price-old"><del>$50.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-1.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label new">--%>
                                    <%--<span>new</span>--%>
                                <%--</div>--%>
                                <%--<div class="product-label discount">--%>
                                    <%--<span>10%</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Rose bouquet white</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$55.00</span>--%>
                                <%--<span class="price-old"><del>$80.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <%--<!-- product single item start -->--%>
                <%--<div class="col-lg-3 col-md-4 col-sm-6">--%>
                    <%--<div class="product-item mt-40">--%>
                        <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                                <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg" alt="product">--%>
                                <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                                <%--<div class="product-label discount">--%>
                                    <%--<span>10%</span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                        <%--</figure>--%>
                        <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                                <%--<a href="product-details.html">Bouquet flowers pink</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                                <%--<span class="price-regular">$60.00</span>--%>
                                <%--<span class="price-old"><del>$70.00</del></span>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<!-- product single item end -->--%>

                <div class="col-12">
                    <div class="view-more-btn">
                        <a class="btn-hero btn-load-more" href="${pageContext.request.contextPath}/flower/shopInit">了解更多花卉</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- our product area end -->

    <!-- banner statistics start -->
    <section class="banner-statistics-right">
        <div class="container">
            <div class="row">
                <!-- start banner item start -->
                <div class="col-md-6">
                    <div class="banner-item banner-border">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/static/assets/img/banner/banner-1.jpg" alt="">
                            </a>
                            <figcaption class="banner-content banner-content-right">
                                <h2 class="text1">for you</h2>
                                <h2 class="text2">Tulip Flower</h2>
                                <a class="store-link" href="${pageContext.request.contextPath}/flower/shopInit">进入花海</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start banner item end -->

                <!-- start banner item start -->
                <div class="col-md-6">
                    <div class="banner-item banner-border">
                        <figure class="banner-thumb">
                            <a href="#">
                                <img src="${pageContext.request.contextPath}/static/assets/img/banner/banner-2.jpg" alt="">
                            </a>
                            <figcaption class="banner-content banner-content-right">
                                <h2 class="text1">for you</h2>
                                <h2 class="text2">Flower & Box</h2>
                                <a class="store-link" href="${pageContext.request.contextPath}/flower/shopInit">进入花海</a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <!-- start banner item end -->
            </div>
        </div>
    </section>
    <!-- banner statistics end -->

    <!-- trending product area start -->
    <section class="top-sellers section-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title text-center">
                        <h2>热销榜</h2>
                        <p>生命的脚是湖，也就是每个孩子的关怀。</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="product-carousel--4 slick-row-15 slick-sm-row-10 slick-arrow-style">

                        <c:forEach items="${hotfList}" var="h">
                            <!-- product single item start -->
                            <div class="product-item">
                                <figure class="product-thumb">
                                    <a href="product-details.html">
                                        <img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">
                                        <img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">
                                    </a>
                                    <div class="product-badge">
                                        <div class="product-label new">
                                            <span>new</span>
                                        </div>
                                    </div>
                                    <div class="button-group">
                                        <a  href="javascript:void(0)" data-toggle="tooltip" data-placement="left" title=添加到心愿单" onclick="addWish(${h.id})"><i class="lnr lnr-heart"></i></a>
                                        <a  href="javascript:void(0)" ><span data-toggle="tooltip" data-placement="left" title="添加到购物车" onclick="addCart()"><i class="lnr lnr-cart"></i></span></a>
                                        <a  href="javascript:void(0)" data-toggle="tooltip" data-placement="left" title="查看详细信息" onclick="toFlowerInfo(${h.id})" ><i class="lnr lnr-magnifier"></i></a>
                                    </div>
                                </figure>
                                <div class="product-caption">
                                    <p class="product-name">
                                        <a href="product-details.html">${h.fname}</a>
                                    </p>
                                    <div class="price-box">
                                        <span class="price-regular">￥${h.fprice}</span>

                                    </div>
                                </div>
                            </div>
                            <!-- product single item end -->
                        </c:forEach>

                        <%--<!-- product single item start -->--%>
                        <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                                <%--<a href="product-details.html">--%>
                                    <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-10.jpg" alt="product">--%>
                                    <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-1.jpg" alt="product">--%>
                                <%--</a>--%>
                                <%--<div class="product-badge">--%>
                                    <%--<div class="product-label new">--%>
                                        <%--<span>new</span>--%>
                                    <%--</div>--%>
                                    <%--<div class="product-label discount">--%>
                                        <%--<span>10%</span>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="button-group">--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                    <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                                <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                                <%--<p class="product-name">--%>
                                    <%--<a href="product-details.html">Rose bouquet white</a>--%>
                                <%--</p>--%>
                                <%--<div class="price-box">--%>
                                    <%--<span class="price-regular">$55.00</span>--%>
                                    <%--<span class="price-old"><del>$80.00</del></span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- product single item end -->--%>

                        <%--<!-- product single item start -->--%>
                        <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                                <%--<a href="product-details.html">--%>
                                    <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-11.jpg" alt="product">--%>
                                    <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                                <%--</a>--%>
                                <%--<div class="product-badge">--%>
                                    <%--<div class="product-label new">--%>
                                        <%--<span>new</span>--%>
                                    <%--</div>--%>
                                    <%--<div class="product-label discount">--%>
                                        <%--<span>15%</span>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="button-group">--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                    <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                                <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                                <%--<p class="product-name">--%>
                                    <%--<a href="product-details.html">Hyacinth white stick</a>--%>
                                <%--</p>--%>
                                <%--<div class="price-box">--%>
                                    <%--<span class="price-regular">$30.00</span>--%>
                                    <%--<span class="price-old"><del>$55.00</del></span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- product single item end -->--%>

                        <%--<!-- product single item start -->--%>
                        <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                                <%--<a href="product-details.html">--%>
                                    <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                                    <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg" alt="product">--%>
                                <%--</a>--%>
                                <%--<div class="product-badge">--%>
                                    <%--<div class="product-label new">--%>
                                        <%--<span>new</span>--%>
                                    <%--</div>--%>
                                    <%--<div class="product-label discount">--%>
                                        <%--<span>10%</span>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="button-group">--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                    <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                                <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                                <%--<p class="product-name">--%>
                                    <%--<a href="product-details.html">Flowers bouquet pink</a>--%>
                                <%--</p>--%>
                                <%--<div class="price-box">--%>
                                    <%--<span class="price-regular">$60.00</span>--%>
                                    <%--<span class="price-old"><del>$70.00</del></span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- product single item end -->--%>

                        <%--<!-- product single item start -->--%>
                        <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                                <%--<a href="product-details.html">--%>
                                    <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg" alt="product">--%>
                                    <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                                <%--</a>--%>
                                <%--<div class="product-badge">--%>
                                    <%--<div class="product-label discount">--%>
                                        <%--<span>10%</span>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="button-group">--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                    <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                                <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                                <%--<p class="product-name">--%>
                                    <%--<a href="product-details.html">Bouquet flowers pink</a>--%>
                                <%--</p>--%>
                                <%--<div class="price-box">--%>
                                    <%--<span class="price-regular">$60.00</span>--%>
                                    <%--<span class="price-old"><del>$70.00</del></span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- product single item end -->--%>

                        <%--<!-- product single item start -->--%>
                        <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                                <%--<a href="product-details.html">--%>
                                    <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                                    <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-10.jpg" alt="product">--%>
                                <%--</a>--%>
                                <%--<div class="product-badge">--%>
                                    <%--<div class="product-label new">--%>
                                        <%--<span>new</span>--%>
                                    <%--</div>--%>
                                    <%--<div class="product-label discount">--%>
                                        <%--<span>30%</span>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="button-group">--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                                    <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                                    <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                                <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                                <%--<p class="product-name">--%>
                                    <%--<a href="product-details.html">Orchid flower red stick</a>--%>
                                <%--</p>--%>
                                <%--<div class="price-box">--%>
                                    <%--<span class="price-regular">$80.00</span>--%>
                                    <%--<span class="price-old"><del>$90.00</del></span>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- product single item end -->--%>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- trending product area end -->

    <!-- Instagram Feed Area Start -->
    <div class="instagram-feed-area">
        <div class="instagram-feed-thumb">
            <div id="instafeed" class="instagram-carousel" data-userid="6666969077" data-accesstoken="6666969077.1677ed0.d325f406d94c4dfab939137c5c2cc6c2">
            </div>
        </div>
    </div>
    <!-- Instagram Feed Area End -->

</main>
<!-- main wrapper end -->

<!-- Start Footer Area Wrapper -->
<footer class="footer-wrapper">

    <!-- footer widget area start -->
    <div class="footer-widget-area">
        <div class="container">
            <div class="footer-widget-inner section-space">
                <div class="row mbn-30">
                    <!-- footer widget item start -->
                    <div class="col-lg-5 col-md-6 col-sm-8">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>联系我们</h5>
                            </div>
                            <ul class="footer-widget-body accout-widget">
                                <li class="address">
                                    <em><i class="lnr lnr-map-marker"></i></em>
                                   地址：窝窝村
                                </li>
                                <li class="email">
                                    <em><i class="lnr lnr-envelope"></i>邮箱: </em>
                                    <a href="mailto:test@yourdomain.com">yourmail@gmail.com</a>
                                </li>
                                <li class="phone">
                                    <em><i class="lnr lnr-phone-handset"></i> 电话: </em>
                                    <a href="tel:(012)800456789-987">(012) 800 456 789-987</a>
                                </li>
                            </ul>
                            <%--<div class="payment-method">--%>
                                <%--<img src="${pageContext.request.contextPath}/static/assets/img/payment-pic.png" alt="payment method">--%>
                            <%--</div>--%>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- footer widget area end -->

    <!-- footer bottom area start -->
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 order-2 order-md-1">
                    <div class="copyright-text">
                        <p>Copyright &copy; 2019.Company name All rights reserved.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- footer bottom area end -->

</footer>
<!-- End Footer Area Wrapper -->

<!-- Quick view modal start -->
<div class="modal" id="quick_view">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <!-- product details inner end -->
                <div class="product-details-inner">
                    <div class="row">
                        <div class="col-lg-5 col-md-5">
                            <div class="product-large-slider">
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img1.jpg" alt="product-details" />
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img2.jpg" alt="product-details" />
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img3.jpg" alt="product-details" />
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img4.jpg" alt="product-details" />
                                </div>
                            </div>
                            <div class="pro-nav slick-row-10 slick-arrow-style">
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img1.jpg" alt="product-details" />
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img2.jpg" alt="product-details" />
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img3.jpg" alt="product-details" />
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img4.jpg" alt="product-details" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="product-details-des quick-details">
                                <h3 class="product-name">Orchid flower white stick</h3>
                                <div class="ratings d-flex">
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <div class="pro-review">
                                        <span>1 Reviews</span>
                                    </div>
                                </div>
                                <div class="price-box">
                                    <span class="price-regular">$70.00</span>
                                    <span class="price-old"><del>$90.00</del></span>
                                </div>
                                <h5 class="offer-text"><strong>Hurry up</strong>! offer ends in:</h5>
                                <div class="product-countdown" data-countdown="2019/08/25"></div>
                                <div class="availability">
                                    <i class="fa fa-check-circle"></i>
                                    <span>200 in stock</span>
                                </div>
                                <p class="pro-desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                    eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
                                <div class="quantity-cart-box d-flex align-items-center">
                                    <h5>qty:</h5>
                                    <div class="quantity">
                                        <div class="pro-qty"><input type="text" value="1"></div>
                                    </div>
                                    <div class="action_link">
                                        <a class="btn btn-cart2" href="#">Add to cart</a>
                                    </div>
                                </div>
                                <div class="useful-links">
                                    <a href="#" data-toggle="tooltip" title="Compare"><i
                                            class="lnr lnr-sync"></i>compare</a>
                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i
                                            class="lnr lnr-heart"></i>wishlist</a>
                                </div>
                                <div class="like-icon">
                                    <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>
                                    <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>
                                    <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>
                                    <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> <!-- product details inner end -->
            </div>
        </div>
    </div>
</div>
<!-- Quick view modal end -->

<!-- offcanvas search form start -->
<div class="offcanvas-search-wrapper">
    <div class="offcanvas-search-inner">
        <div class="offcanvas-close">
            <i class="lnr lnr-cross"></i>
        </div>
        <div class="container">
            <div class="offcanvas-search-box">
                <form class="d-flex bdr-bottom w-100" action="${pageContext.request.contextPath}/flower/shopInit" method="post" id="selForm">
                    <input type="text" placeholder="查询花名" name="fname" id="fname">

                    <button class="search-btn" onclick="selAll()"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas search form end -->
<%--//session获取值--%>
<input type="hidden" value="${user}" id="user">
<%--//购物车--%>

<form action="">
<!-- offcanvas mini cart start -->
<div class="offcanvas-minicart-wrapper" id="cart">
    <div class="minicart-inner">
        <div class="offcanvas-overlay"></div>
        <div class="minicart-inner-content">
            <div class="minicart-close">
                <i class="lnr lnr-cross"></i>
            </div>
            <div class="minicart-content-box">
                <div class="minicart-item-wrapper">
                    <%--<c:forEach items="${caList}" var="ca">--%>
                    <c:forEach items="${caList}" var="ca">

                    <ul>
                        <li class="minicart-item">
                            <div class="minicart-thumb">
                                <a href="product-details.html">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/cart/cart-1.jpg" alt="product">
                                </a>
                            </div>
                            <div class="minicart-content">
                                <h3 class="product-name">
                                    <a href="product-details.html">${ca.fname}</a>
                                </h3>
                                <p>
                                    <span class="cart-quantity" >${ca.count}<strong>&times;</strong></span>

                                    <span class="cart-price">￥${ca.fprice}</span>

                                    <br>

                                    <span class="cart-quantity" >小计:<strong></strong></span>

                                    <span class="cart-price"></span>

                                </p>
                            </div>
                            <button class="minicart-remove" onclick="deleteCart(${ca.id})"><i class="lnr lnr-cross"></i></button>
                        </li>

                    </ul>
                    <%--</c:forEach>--%>
                    </c:forEach>
                </div>

                <div class="minicart-pricing-box">
                    <ul>

                        <li class="total">
                            <span>总计</span>
                            <span id="total"><strong>${sum}</strong></span>
                        </li>
                    </ul>
                </div>

                <div class="minicart-button">
                    <a href="#"><i class="fa fa-shopping-cart"></i> 结算</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas mini cart end -->
</form>
<%--//购物车--%>

<!-- Scroll to top start -->
<div class="scroll-top not-visible">
    <i class="fa fa-angle-up"></i>
</div>
<!-- Scroll to Top End -->

<!-- All vendor & plugins & active js include here -->
<!--All Vendor Js -->
<script src="${pageContext.request.contextPath}/static/assets/js/vendor.js"></script>
<!-- Active Js -->
<script src="${pageContext.request.contextPath}/static/assets/js/active.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery-1.8.2.min.js"></script>

<script>
$(function () {
    var xiaoji

    $("#xiaoji").html(xiaoji)

})

function addWish(id) {

    $.post("${pageContext.request.contextPath}/flower/addwish",{"id":id},function (r){
        alert(r.msg);
    })
}
function selAll() {
 $("#selForm").submit()
}
function wishchange() {

    $("#wish").attr("style","color:red")
    // $("#wish").addClass("red").removeClass("red");

}

function toFlowerInfo(id) {
   location.href ="${pageContext.request.contextPath}/flower/productInit?id=" + id
}

function cartInit() {

}
function deleteCart(id) {
    $.post("${pageContext.request.contextPath}/cart/delCart",{"id":id},function (r){
        alert(r.msg);
        location.href ="${pageContext.request.contextPath}/flower/shopInit"
    })


}


function addCart(fid) {
    var fid = fid
    var count = 1

    $.post("${pageContext.request.contextPath}/flower/addCart",{"fid":fid,"count":count},function (r){
        alert(r.msg);
        location.href ="${pageContext.request.contextPath}/flower/indexInit"
    })


}
</script>




</body>

</html>

